<template>

  <div class="nav-contain">
    <el-aside class="asideNav">
      <el-menu default-active="1"  class="el-menu-vertical-demo" background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b" router>
      <el-menu-item index="/index">
        <!--无子级的菜单-->
        <i class="el-icon-menu"></i>
        <span slot="title">首页</span>
      </el-menu-item>
      <!--无子级的菜单-->
      <el-menu-item index="/stats">
        <i class="el-icon-setting"></i>
        <span slot="title">消费流水</span>
      </el-menu-item>

      <el-menu-item index="/category">
        <i class="el-icon-setting"></i>
        <span slot="title">分类管理</span>
      </el-menu-item>

      <el-menu-item index="/user">
        <i class="el-icon-user-solid"></i>
        <span slot="title">用户管理</span>
      </el-menu-item>
      <el-menu-item index="/chart">
        <i class="el-icon-setting"></i>
        <span slot="title">数据分析</span>
      </el-menu-item>
    </el-menu>
    </el-aside>
  </div>
</template>

<script>
  export default{

    data (){
      return {

      }
    },
    methods:{

    },
    created() {

    }
  }
</script>



<style>
.asideNav{
  width: 300px;
  height: 100%;
}
.el-menu-vertical-demo{
  height: 100%;
}
</style>
